.FileService {

}

/* 导航条 */
.FileService .NavBar {
    padding-bottom: 0.4em;
    border-bottom: 1px solid #eee;
    text-align: right;
}
.FileService .NavBar ol {
    float: left;
}
.FileService .NavBar ol li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.1em;
}
.FileService .NavBar ol li > * {
    vertical-align: middle;
}
.FileService .NavBar ol li a {
    background: transparent;
    /*border: 1px solid #eee;*/
    color: #4287ed;
    font-size: 16px;
    font-weight: 600;
}
.FileService .NavBar ol li span.separator {
    font-size: 0.9em;
    font-weight: 600;
    color: hsl(175, 2%, 72%);
    /*margin: 0 0.2em;*/
}
.separator::before, .separator::after {
    white-space: nowrap;
    content: " ";
}
.FileService .NavBar .nav-option {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    font-size: 16px;
}
.FileService .NavBar button.nav-option {
    padding: 0.1em 0.2em;
}


    /* 文件网格 */
.FileService .file-grid ul li {
    position: relative;
    padding-top: 1.4em;
}
.FileService .file-grid ul:first-line li {
    margin-top: 0.4em;
}
.FileService .file-grid ul li:hover, .FileService .file-grid ul li.selected {
    background-color: #f1f5fa;
    border: 1px solid #90c3fd;
    border-radius: 5px;
}
.FileService .file-grid ul li .option {
    position: absolute;
    top: 0;
    right: 4%;
    display: none;
}
.FileService .file-grid ul li .option > i:hover {
    cursor: pointer;
}
.FileService .file-grid ul li:hover .option, .FileService .file-grid ul li.selected .option {
    display: block;
}
.FileService .file-grid ul li img {
    max-width: 100%;
    max-height: 100%;
}
.FileService .file-grid ul li {
    display: inline-block;
    vertical-align: bottom;
    margin: 1em;
    width: 150px;
    height: 150px;
}
.FileService .file-grid ul li a {
    display: block;
    height: 100%;
    text-align: center;
}
.FileService .file-grid ul li a i.fa-folder {
    font-size: 6.5em;
}
.FileService .file-grid ul li.dir a div.folder, .FileService .file-grid ul li.file a div.img {
    height: 80%;
}
.FileService .file-grid ul li a div.name {
    height: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
}
